<template>
  <div class="empty">
    <el-empty :image="img_empty" :image-size="188" :description="desc">
      <slot name="default"></slot>
    </el-empty>
  </div>
</template>

<script setup lang="ts">
import img_empty from "@/assets/img_empty.png"

defineProps({
  desc: {
    type: String,
    default: "暂无数据",
  },
})
</script>

<style lang="scss" scoped>
.empty {
  width: 100%;
  background-color: #fff;

  :deep(.el-empty) {
    min-height: 45vh;

    .el-empty__bottom {
      margin: 0;
    }

    .el-empty__description {
      margin: 0;
      line-height: 1.45;
      color: #888;
    }
  }
}
</style>
